<template>
  <foo>
      <!-- <div slot="header">头部</div> -->
      <template v-slot:header>
        头部
      </template>
      <!-- <template v-slot>
        默认
      </template> -->
      <template v-slot:footer="scope">
        底部: <pre>{{scope}}</pre>
      </template>
  </foo>
</template>

<script>
import foo from './foo.vue'
export default {
  components: {
    foo
  }
}
</script>
